<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">

    <script src="./js/jquery.min.js"></script>

    <title></title>
</head>

<a>

    <script>
        $(document).ready(function () {

            $("#btn1").click(function () {
                $.getJSON("./js/data2032.json",function(data){
                    $.each(data,function(i,a){
                        //$(a).append(b);
                        $("div").append(
                            "<p>学号："+a.num+"</p>",
                            "<p>姓名："+a.name+"</p>",
                            "<p>学号："+a.sex+"</p><hr>",);
                    })
                })
            })


        });

    </script>

    <table border="1" cellspacing="0" width="300px">
    <tr><td height="80px" align="center"><h1>大数据2032名单</h1></td></tr>
    <tr><td height="30px" align="center" bgcolor="lightgrey"><button id="btn1" type="button">获取json</button></td></tr>

    <tr>
        <td>
            <div></div>
        </td>
    </tr>
    </table>





</body>

</html>